

/**
 * Antd theme editor: https://ant.design/theme-editor-cn
 */
const customThemeTokenConfig = {
  // colorSuccess: '#22c55e',
  // colorWarning: '#ff7849',
  // colorError: '#ff5630',
  // colorInfo: '#00b8d9',

  // 线性化
  wireframe: false,

  borderRadiusSM: 2,
  borderRadius: 3,
  borderRadiusLG: 4,
};

const colorPrimarys = {
  default: '#007fff',
  cyan: '#078DEE',
  purple: '#7635DC',
  blue: '#2065D1',
  orange: '#FDA92D',
  red: '#FF3030',
};

const customComponentConfig = {
  Breadcrumb: {
    fontSize: 12,
    separatorMargin: 4,
  },
  Menu: {
    fontSize: 14,
    colorFillAlter: 'transparent',
    itemColor: 'rgb(145, 158, 171)',
    motionDurationMid: '0.125s',
    motionDurationSlow: '0.125s',
  },
  Tree: {
    nodeSelectedColor: colorPrimarys.default,
    colorBgContainer: undefined,
  }
};

const themeModeToken = {
  dark: {
    token: {
      "colorBgBase": "#021b38",
      colorBgContainer: '#002146',
      colorBgElevated: '#043773',
      colorBgMask: 'rgba(1, 37, 80, 0.72)',
      colorLink: '#299bff',
      colorLinkHover: '#9ccdff',
      colorBorder: '#326394',
      colorBorderSecondary: '#326394'
    },
    components: {
      Layout: {
        siderBg: '#161c24',
      },
      // Menu: {
      //   darkItemBg: '#161c24',
      // },
      Modal: {
        headerBg: '#021b38',
        contentBg: '#021b38',
        footerBg: '#021b38',
      },
      Notification: {},
      Table: {
        headerBg: '#002f5c',
        headerColor: '#9ccdff'
      }
    },
  },
  light: {
    components: {
      Layout: {
        siderBg: '#161c24',
      },
      Menu: {
        darkItemBg: '#161c24',
      },
    },
  },
};

export { customThemeTokenConfig, customComponentConfig, colorPrimarys, themeModeToken };
